<template>
  <div class="home">
    <h1>宝可梦图鉴</h1>
    <router-link to="/pokedex" class="pokedex-link">
      查看图鉴
    </router-link>
  </div>
</template>

<style scoped>
.home {
  padding: 20px;
  text-align: center;
}

.pokedex-link {
  display: inline-block;
  margin-top: 20px;
  padding: 10px 20px;
  background-color: #ee1515;
  color: white;
  text-decoration: none;
  border-radius: 4px;
  font-weight: bold;
}

.pokedex-link:hover {
  background-color: #cc1414;
}
</style> 